<template>
  <div>
    <van-nav-bar
  class="user"
  title="个人信息"
  left-arrow
  @click-left="$router.back()"
/>

    

<!-- 表单 -->
    <van-form @submit="onSubmit">
        <van-cell title="头像" is-link >
          <van-uploader round :after-read="afterRead" />
        </van-cell>
        <van-cell title="昵称" is-link />
        <van-cell title="性别" is-link />
        <van-cell title="生日" is-link />

    <div style="margin: 16px;">
        <van-button block type="info" color='#07c160' native-type="submit">确定</van-button>
    </div>

    <div>
        <router-link to="/reg"></router-link>
    </div>
</van-form>
  </div>
</template>

<script>
import { Cell, CellGroup ,Form ,Uploader } from 'vant';
export default {
components:{
  [Cell.name]:Cell,
  [CellGroup.name]:CellGroup,
  [Form .name]:Form,
  [Uploader  .name]:Uploader  
},
methods: {
    onSubmit(values) {
      console.log('submit', values);
    },
     afterRead(file) {
      // 此时可以自行将文件上传至服务器
      console.log(file);
    },
  },
}
</script>

<style>

</style>